:root {
    --county-black: rgb(50, 50, 50);
    --county-blue: #518BA4;
    --county-blue-dark: #000037;
    --county-gray: rgb(225, 225, 225);
    --county-green: rgb(20, 130, 90);
    --county-transparent-light: rgb(255,255,255, 0.3);
    --county-transparent-dark: rgb(0,0,0,0.3);
    --county-transparent-dark2: rgb(0,0,0,0.15);
    --county-white: rgb(250,250,250);
}

#website-body {
    --banner-image-width: 136px;
    --banner-image-width-small: 100px;
    --banner-background-color: var(--county-white);
    --banner-foreground-color: var(--county-blue-dark);
    --login-bar-foreground-color: var(--county-white);
    --login-bar-background-color: var(--county-blue);
    --login-bar-link-foreground-color: var(--county-white);
    --login-bar-link-foreground-color-hover: var(--county-white);
    --login-bar-link-background-color-hover: rgb(0,0,0,0.2);
    --sidebar-background-color: var(--county-gray);
    --sidebar-background-color-top-row: var(--county-blue);
    --sidebar-link-background-color-hover: var(--county-transparent-dark);
    --sidebar-link-foreground-color: var(--county-black);
    --sidebar-link-foreground-color-top-row: var(--county-transparent-light);
    --sidebar-menu-button-background-color: var(--county-transparent-dark2);
    --sidebar-menu-button-background-color-hover: var(--county-transparent-dark2);
}